import React from "react";
import { Routes, Route, Navigate } from 'react-router-dom';
import HomeView from "./views/HomeView";
import Product from "./views/Product";
import About from "./views/About";
import Login from './views/Login';
import Users from "./views/Users";
function App() {
  return (
    <div className="App">
      <Routes>
        <Route path="/" element={<Navigate to="/login" />}>        </Route>
        <Route path="login" element={<Login />} />
        <Route path="home" element={<HomeView />} />
        <Route path="product" element={<Product />} />
        <Route path="about" element={<About />} />
        <Route path="users" element={<Users />} />
      </Routes>
    </div>
  );
}

export default App;
